.order {
	position:relative;
.order-header{
	border-top:0.1rem solid #999999;

	border-bottom:0.14rem solid #eeeeee;
	.personal-information{
	margin-top:0.3rem;
	margin-bottom:0.24rem;
	margin-left:0.8rem;
	margin-right:0.8rem;
	display:flex;
	justify-content:space-between;
	font-size:0.35rem;
	color:$fontColor;
	}
	.shipping-address{
		display:flex;
		justify-content:space-around;
		margin-right:0.2rem;
		.position{
			margin-left:0.2rem;
			margin-right:0.2rem;
		}
		.address{
			margin-right:0.2rem;
			color:#999999;
			font-size:0.25rem;
		}
		.arrow{
			align-self:center;
		}
	}
	.remarks{
		color:$gold;
		margin-top:0.2rem;
		margin-left:0.8rem;
		margin-bottom:0.2rem;
		font-size:0.23rem;
	}
}

.order-goods{
	margin-top:0.3rem;
	display:flex;
	justify-content:space-between;
	height:2rem;
	background:#fcfcfc;
	padding:0.2rem 0.2rem;
	.winePicture{
		margin-right:0.2rem;
		img{
			border-radius:0.2rem;
		}

	}
	.commodity-information{
		.brief-introduction{
			color:$fontColor;
			font-size:0.25rem;
		}
		.wineGrade{
			color:#999999;
			margin-top:0.2rem;
			font-size:0.23rem;
		}
		.order-infor{
			display:flex;
			justify-content:space-between;
			margin-top:0.2rem;
			font-size:0.23rem;
			.winePrice{
				color:$gold;
			}
			.order-number{
				color:$fontColor;
			}
		}
	}
}

.order-section{
	.distribution{
		display:flex;
		justify-content:space-between;
		height:0.9rem;
		align-items:center;
		border-bottom:0.01rem solid #eeeeee;
		color:$fontColor;
		font-size:0.25rem;
		padding:0 0.3rem;
		.fast-mail{
			img{
				margin-left:0.6rem;
			}
		}
	}
	.fright{
		display:flex;
		height:0.9rem;
		justify-content:space-between;
		align-items:center;
		border-bottom:0.01rem solid #eeeeee;
		color:$fontColor;
		font-size:0.25rem;
		padding:0 0.3rem;
	}
	.reference{
		height:1.5rem;
		border-bottom:0.01rem solid #eeeeee;
		.know{
			font-size:0.25rem;
			color:$fontColor;
			margin-left:0.5rem;
			margin-top:0.2rem;
		}
		.leave-word{
			display:flex;
			justify-content:space-between;
			margin-top:0.5rem;
			.bull-position{
				margin-left:0.3rem;
				font-size:0.25rem;
			}
			.site{
				color:#999999;
				margin-right:0.5rem;
				font-size:0.23rem;
			}
		}
	}
	.subtotal{
		display:flex;
		justify-content:flex-end;
		padding-right:0.2rem;
		height:1rem;
		align-items:center;
		border-bottom:0.15rem solid #eeeeee;
		font-size:0.23rem;
		.number{
			margin-right:0.4rem;
		}
		.price{
			margin-left:0.4rem;
			span{
				color:$gold;
			}
		}
	}
	.card{
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:0.9rem;
		border-bottom:0.01rem solid #eeeeee;
		font-size:0.25rem;
		.card-coupons{
			margin-left:0.3rem;
		}
		.check{
			width:0.3rem;
			height:0.3rem;
			border-radius:50%;
			border:0.01rem solid #999999;
			margin-right:0.3rem;
		}
	}
}
.order-footer{
	z-index:10;
	position:fixed;bottom:0;
	height:1rem;
	width:100%;
	border-top:0.05rem solid #999999;
	display:flex;
	justify-content:flex-end;
	.total{
		font-size:0.25rem;
		line-height:0.9rem;
		span{
			color:$gold;
		}
	}
	.submit{
		width:2rem;
		background:$gold;
		color:#ffffff;
		font-size:0.4rem;
		text-align:center;
		line-height:1rem;
		margin-left:0.6rem;

	}
}
}
